// 定义全局字体 - 宽高
@for $i from 8 through 1000 {
  .font-#{$i} {font-size: 1rpx * $i;}
  .w-#{$i} {width: 1rpx * $i;}
  .h-#{$i} {height: 1rpx * $i;}
  .lh-#{$i} {line-height: 1rpx * $i;}
  .bor-#{$i} {border-radius: 1rpx * $i;}
}

// margin/padding:8-100rpx
$i: 100;
@while $i >= 2 {
  .m-#{$i} {margin: 1rpx * $i;}
  .m-t-#{$i} {margin-top: 1rpx * $i;}
  .m-b-#{$i} {margin-bottom: 1rpx * $i;}
  .m-l-#{$i} {margin-left: 1rpx * $i;}
  .m-r-#{$i} {margin-right: 1rpx * $i;}
  .p-#{$i} {padding: 1rpx * $i;}
  .p-t-#{$i} {padding-top: 1rpx * $i;}
  .p-b-#{$i} {padding-bottom: 1rpx * $i;}
  .p-l-#{$i} {padding-left: 1rpx * $i;}
  .p-r-#{$i} {padding-right: 1rpx * $i;}
  $i: $i - 2;
}

// font-weight:400-800
@for $i from 4 through 8 {
  .font-weight-#{$i} {font-weight: 100 * $i;}
}

.left-auto {
  margin-left: auto;
}

.right-auto {
  margin-right: auto;
}

.top-auto {
  margin-top: auto;
}

// 右对齐
.text-right {
  text-align: right;
}

.mainbox {
  background-color: #fff;
  border-radius: 20rpx;
  margin-left: 30rpx;
  margin-right: 30rpx;
}

.orderbox {
  background-color: #fff;
  border-radius: 10rpx;
  margin-left: 20rpx;
  margin-right: 20rpx;
}

// 页面底部按钮
.save-con {
   width: 100%;
 
   .save-btn {
    width: 690rpx;
    height: 86rpx;
    background: $color-title;
    border-radius: 48rpx;
    line-height: 86rpx;
    text-align: center;
    font-size: 32rpx;
    color: #fff;
    margin: 80rpx auto 0;
   }
   .btn-border {
     margin: 60rpx auto 0;
     width: 200rpx;
     height: 54rpx;
     line-height: 54rpx;
     text-align: center;
     color: #666666;
     font-size: $font-size-tag;
     border: 1rpx solid #000000;
     border-radius: 24rpx;
   }
   .save-btn-border {
     color: $color-title!important;
     border: 2rpx solid rgba(255,65,32,0.5);
     background-color: #fff!important;
     margin-top: 32rpx!important;
   }
   .tow-col {
     width: 330rpx;
     height: 86rpx;
     line-height: 86rpx;
     border-radius: 50rpx;
     text-align: center;
     font-size: 32rpx;
   }
   .two-col-border {
     background-color: #fff;
     color: #333;
   }
   .two-border-bg {
     background-color: $color-title;
     color: #fff;
   }
}
